<template>
  <div id="approot">
    <router-view />
  </div>
</template>
<script>
export default {
  created() {
    window.addEventListener('resize',this.$debounce(this.size,300));
  },
  beforeDestroy() {
    window.removeEventListener('resize',this.$debounce(this.size,300));
  },
  methods: {
    size(){
      this.$store.commit('changeTable',[window.innerWidth,window.innerHeight])
      console.log(window.innerHeight);
    }
  }
}
</script>
<style lang="less">
body {
  padding: 0;
  margin: 0;
  font-size: 14px;
  .el-main {
    background-color: rgb(250, 250, 250);
  }
  .el-card {
    margin-bottom: 10px;
    padding: 10px;
  }
}
/*最外层透明*/
/deep/ .el-table, /deep/ .el-table__expanded-cell{
  background-color: transparent !important;
}
/* 表格内背景颜色 */
/deep/ .el-table th,
/deep/ .el-table tr,
/deep/ .el-table td {
  background-color: transparent !important;
}

</style>
